<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<div th:replace="~{fragment/headFragment :: head}"></div>
<body class="cbp-spmenu-push modal-open">
<div class="main-content">
	<div th:replace="~{fragment/left-border :: left}"></div>

	<div th:replace="~{fragment/header :: header}"></div>

		<div id="page-wrapper">
			<div class="main-page">
				<div class="tables">

					<div class="col-md-2 widget" style="float:none;height:5em">
						<div class="stats-left " style="height:5em;">
							<h4 style="color: white;padding: unset" >客服id：</h4>
						</div>
						<div class="stats-right" style="height:5em;">
							<label style="line-height: 1em;" th:text="${list.customerserviceid}">11</label>
						</div>
						<div class="clearfix" style="line-height: 0.2;"> </div>
					</div>

<!--					<h3 class="title1" th:text="${gd}">Tables</h3>-->
					<div class="bs-example widget-shadow" data-example-id="bordered-table"> 
<!--						<h4>Bordered Basic Table:</h4>-->
						<table class="table table-bordered">
							<tr>
								<th class="info">工单id</th>
								<th class="active">工单类型</th>
								<th class="success">工单标题</th>
								<th class="danger">工单描述</th>
								<th class="warning">备注</th>
								<th class="info">抄送人</th>
								<th class="active">优先级</th>
<!--							<th>操作</th>-->
							</tr>
							<tr th:each="w : ${list}">
								<td class="info" th:text="${w.id}"></td>
								<td class="active" th:text="${w.worktype}">Otto</td>
								<td class="success" th:text="${w.title}">@mdo</td>
								<td class="danger" th:text="${w.orderdesc}"></td>
								<td class="warning" th:text="${w.attachments}"></td>
								<td class="info" th:text="${w.cclist}"></td>
								<td class="active" th:text="${w.priority}"></td>
							</tr>
							<tr>
								<th class="info">状态</th>
								<th class="active">客服团队id</th>
								<th class="success">客服姓名</th>
								<th class="danger">客户姓名</th>
								<th class="warning">频道</th>
								<th class="info">更新时间</th>
								<th class="active">创建时间</th>
							</tr>
							<tr th:each="w : ${list}">
								<td th:text="${w.state}" class="info"></td>
							    <td th:text="${w.customerservicegroupid}" class="active"></td>
								<td th:text="${w.customerservicename}" class="success"></td>
								<td th:text="${w.customername}" class="danger"></td>
							    <td th:text="${w.channel}" class="warning"></td>
								<td th:text="${w.updatetime}" class="info"></td>
								<td th:text="${w.createtime}" class="active"></td>
<!--								<td><a>查看详情</a></td>-->
							</tr>
						</table>
					</div>
<!--					<div class="bs-example widget-shadow" data-example-id="hoverable-table"> -->
<!--						<h4>Hover Rows Table:</h4>-->
<!--						<table class="table table-hover"> <thead> <tr> <th>#</th> <th>First Name</th> <th>Last Name</th> <th>Username</th> </tr> </thead> <tbody> <tr> <th scope="row">1</th> <td>Mark</td> <td>Otto</td> <td>@mdo</td> </tr> <tr> <th scope="row">2</th> <td>Jacob</td> <td>Thornton</td> <td>@fat</td> </tr> <tr> <th scope="row">3</th> <td>Larry</td> <td>the Bird</td> <td>@twitter</td> </tr> </tbody> </table>-->
<!--					</div>-->
<!--					<div class="bs-example widget-shadow" data-example-id="contextual-table"> -->
<!--						<h4>Colored Rows Table:</h4>-->
<!--						<table class="table"> <thead> <tr> <th>#</th> <th>Column heading</th> <th>Column heading</th> <th>Column heading</th> </tr> </thead> <tbody> <tr class="active"> <th scope="row">1</th> <td>Column content</td> <td>Column content</td> <td>Column content</td> </tr> <tr> <th scope="row">2</th> <td>Column content</td> <td>Column content</td> <td>Column content</td> </tr> <tr class="success"> <th scope="row">3</th> <td>Column content</td> <td>Column content</td> <td>Column content</td> </tr> <tr> <th scope="row">4</th> <td>Column content</td> <td>Column content</td> <td>Column content</td> </tr> <tr class="info"> <th scope="row">5</th> <td>Column content</td> <td>Column content</td> <td>Column content</td> </tr> <tr> <th scope="row">6</th> <td>Column content</td> <td>Column content</td> <td>Column content</td> </tr> <tr class="warning"> <th scope="row">7</th> <td>Column content</td> <td>Column content</td> <td>Column content</td> </tr> <tr> <th scope="row">8</th> <td>Column content</td> <td>Column content</td> <td>Column content</td> </tr> <tr class="danger"> <th scope="row">9</th> <td>Column content</td> <td>Column content</td> <td>Column content</td> </tr> </tbody> </table> -->
<!--					</div>-->
<!--					<div class="table-responsive bs-example widget-shadow">-->
<!--						<h4>Responsive Table:</h4>-->
<!--						<table class="table table-bordered"> <thead> <tr> <th>#</th> <th>Table heading</th> <th>Table heading</th> <th>Table heading</th> <th>Table heading</th> <th>Table heading</th> <th>Table heading</th> </tr> </thead> <tbody> <tr> <th scope="row">1</th> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> </tr> <tr> <th scope="row">2</th> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> </tr> <tr> <th scope="row">3</th> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> </tr> </tbody> </table> -->
<!--					</div>-->
				</div>
			</div>
		</div>
		<!--footer-->
<!--		<div class="footer">-->
<!--		   <p>Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>-->
<!--		</div>-->
        <!--//footer-->
	</div>
	<!-- Classie -->
		<script src="js/classie.js"></script>
		<script>
			var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
				showLeftPush = document.getElementById( 'showLeftPush' ),
				body = document.body;
				
			showLeftPush.onclick = function() {
				classie.toggle( this, 'active' );
				classie.toggle( body, 'cbp-spmenu-push-toright' );
				classie.toggle( menuLeft, 'cbp-spmenu-open' );
				disableOther( 'showLeftPush' );
			};
			
			function disableOther( button ) {
				if( button !== 'showLeftPush' ) {
					classie.toggle( showLeftPush, 'disabled' );
				}
			}
		</script>
	<!--scrolling js-->
	<script src="js/jquery.nicescroll.js"></script>
	<script src="js/scripts.js"></script>
	<!--//scrolling js-->
	<!-- Bootstrap Core JavaScript -->
	<script src="js/bootstrap.js"> </script>
</body>
</html>